<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>登录</title>
    <link type="text/css" rel="stylesheet" href="css/login.css"/>
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>

    <!--导入组件库-->
    <script src="../js/vue.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            var height = $(document).height();
            $('.main').css('height', height);
        })
    </script>
</head>

<body>
<div id="app">
    <div class="main">
        <div class="main0">
            <div class="main_left">
                <img src="images/login-image-3.png" class="theimg"/>
                <img src="images/login-image-2.png" class="secimg"/>
                <img src="images/login-image-1.png" class="firimg"/>
            </div>

            <form method="post"  :model="form" action="/login.do">
            <div class="main_right">
                <div class="main_r_up">
                    <img src="images/user.png"/>
                    <div class="pp">登录</div>
                </div>
               <!-- <div class="sub"><p>还没有账号？<a href="zhuce.html"><span class="blue">立即注册</span></a></p></div>-->
                <div class="txt">
                   <!-- <el-form-item>-->
                    <span style="letter-spacing:8px;">用户名:</span>
                    <input name="username" v-model="form.username" type="text" class="txtphone" placeholder="请输入注册手机号或用户名"></input>
                   <!-- </el-form-item>-->
                </div>
                <div class="txt">
                    <span style="letter-spacing:4px;">登录密码:</span>
                    <input name="password" v-model="form.password" type="password" class="txtphone" placeholder="请输入登录密码"/>
                </div>
               <!-- <div class="txt">
                    <span style=" float:left;letter-spacing:8px;">验证码:</span>
                    <input name="" type="text" class="txtyzm" placeholder="请输入页面验证码"/>
                    <img src="images/yanzhengma.png" class="yzmimg"/>
                </div>-->
                <div class="xieyi">
                    <input name="remember-me" type="checkbox" value="true" checked="checked"/>
                    记住我 <a href="password.html"><span class="blue"
                                                      style=" padding-left:130px; cursor:pointer">忘记密码?</span></a>
                </div>
<!--                <div class="xiayibu"> <input type="submit"  value="登录"></input></div>-->
               <div align="center"><el-button native-type="submit" type="primary" size="medium"> 登录</el-button></div>
            </div>
            </form>


        </div>
    </div>
</div>
<!--导入组件库-->
<script src="/js/vue.js"></script>
<script src="/js/axios-0.18.0.js"></script>
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

<!--<div class="footer">-->
<!--  <div class="footer0">-->
<!--     <div class="footer_l">使用条款 | 隐私保护</div>-->
<!--     <div class="footer_r">© 2015 （杭州）金融信息服务有限公司    杭ICP备0000000号</div>-->
<!--  </div> -->
<!--</div>-->
</body>
<script>
    var vue = new Vue({
        el: '#app',
        data: {
            form:{
                username :'',
                password: ''
            }
        },
        methods: {}
    })
</script>


</html>
